<template>
  <view class="">
    <view class="wrap mb16" v-for="(item, index) in list" :key="index">
      <view class="box flexc">
        <view class="">序号</view>
        <input
          class="flex1"
          type="number"
          :disabled="disabled"
          v-model="item.production_section_four_white_bar_no"
          placeholder="请输入 不输入自动生成" />
      </view>
      <view class="box flexc">
        <view class="">车牌号</view>
        <view class="box-des flex">
          <input
            class="flex1"
            type="text"
            disabled
            v-model="item.plate_number"
            placeholder="请选择" />
          <image
            v-show="!disabled"
            src="/static/login/pop-arrow.png"
            mode="aspectFit"
            class="arrow"></image>
        </view>
      </view>
      <view class="box flexc">
        <view class="">车次</view>
        <input
          class="flex1"
          type="number"
          :disabled="disabled"
          v-model="item.train_number"
          placeholder="请输入 " />
      </view>
      <view class="box flexc">
        <view class="">养殖户</view>

        <view class="box-des flex">
          <input
            class="flex1"
            type="number"
            disabled
            v-model="item.farmer_title"
            placeholder="请选择" />
          <image
            v-show="!disabled"
            src="/static/login/pop-arrow.png"
            mode="aspectFit"
            class="arrow"></image>
        </view>
      </view>
      <view class="box flexc">
        <view class="">总只数</view>
        <input
          class="flex1"
          type="number"
          :disabled="disabled"
          v-model="item.total"
          placeholder="请输入 " />
      </view>
      <view class="box flexc">
        <view class="">总重量(kg)</view>
        <input
          class="flex1"
          type="number"
          :disabled="disabled"
          v-model="item.weight"
          placeholder="请输入 " />
      </view>
      <view class="box flexc">
        <view class="">残鸭只数</view>
        <input
          class="flex1"
          type="number"
          :disabled="disabled"
          v-model="item.residual_duck_num"
          placeholder="请输入 " />
      </view>
      <view class="box flexc">
        <view class="">残鸭重量(kg)</view>
        <input
          class="flex1"
          type="number"
          :disabled="disabled"
          v-model="item.residual_duck_weight"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-tip">养殖副品</view>
        <view class="box1-y">严重爬背</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.yz_pb_num"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.yz_pb_weight"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-y">断腿/断翅A</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.dt_num"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.dt_weight"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-tip">抓伤副品</view>
        <view class="box1-y">轻微爬背</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.qw_pb_num"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.qw_pb_weight"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-y">抓鸭红头</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.ht_num"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.ht_weight"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-y">淤青红紫</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.yq_num"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.yq_weight"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-tip">加工副品</view>
        <view class="box1-y">断腿/断翅B</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.dt_num_t"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.dt_weight_t"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-y">放血红头</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.fx_num"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.fx_weight"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-y">破皮_机器</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.pp_jq_num"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.pp_jq_weight"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-y">破皮_刀具</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.pp_dj_num"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.pp_dj_weight"
          placeholder="请输入 " />
      </view>
      <view class="box1 flexc">
        <view class="box1-y">破嘴</view>
        <view class="flex box1-t">
          <view class="">副品数(只)</view>
          <input
            class="flex1"
            type="number"
            :disabled="disabled"
            v-model="item.pz_num"
            placeholder="请输入 " />
        </view>
      </view>
      <view class="box1 flex">
        <view class="">副品重量(kg)</view>
        <input
          class="flex1 tr"
          type="number"
          :disabled="disabled"
          v-model="item.pz_weight"
          placeholder="请输入 " />
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      default: [],
    },
    disabled: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss">
.wrap {
  background: #fff;
  padding: 0 32upx;

  .box1 {
    padding: 28upx 0;
    font-size: 32rpx;
    border-bottom: 1rpx solid #e4e4e4;
    color: #a0a0a0;
    &-tip {
      font-weight: bold;
      font-size: 32rpx;
      color: #161616;
      padding-left: 16upx;
      border-left: 4upx solid #da4334;
      margin-bottom: 30upx;
    }

    &-y {
      font-size: 32rpx;
      color: #f17303;
      margin-bottom: 28upx;
    }
    & > input {
      font-size: 32rpx;
      text-align: right;
      color: #000;
    }
    &-t {
      font-size: 32rpx;
      color: #a0a0a0;

      & > input {
        font-size: 32rpx;
        color: #000;
        text-align: right;
      }
    }

    ::-webkit-input-placeholder {
      color: #a0a0a0;
    }
  }

  .box {
    padding: 28upx 0;
    font-size: 32rpx;
    border-bottom: 1rpx solid #e4e4e4;

    & > view {
      font-size: 32rpx;
      color: #a0a0a0;
    }

    & > input {
      height: 28upx;
      font-size: 32rpx;
      margin-top: 28upx;
    }

    .box-b {
      margin-top: 28upx;

      & > input {
        height: 28upx;
        font-size: 32rpx;
      }

      & > image {
        width: 12upx;
        height: 21upx;
      }
    }

    ::-webkit-input-placeholder {
      color: #a0a0a0;
    }
  }

  .l-wrap {
    padding: 58upx 8upx 30upx 54upx;

    .l-box {
      position: relative;
      margin-bottom: 38upx;

      &-c {
        position: absolute;
        top: 0;
        left: -32upx;
        width: 16rpx;
        height: 16rpx;
        background: #d7d7d7;
        border-radius: 50%;
      }

      &-line {
        position: absolute;
        top: 28upx;
        left: -25upx;
        width: 2upx;
        height: 100upx;
        background: #d7d7d7;
      }

      &-title {
        font-size: 24rpx;
        color: #a0a0a0;

        & > view:nth-of-type(1) {
          font-size: 32rpx;
          color: #3d3d3d;
          margin-bottom: 12upx;
        }
      }

      &-r {
        &-t {
          font-size: 24rpx;
          color: #a0a0a0;

          & > image {
            width: 68rpx;
            height: 68rpx;
            margin-bottom: 8upx;
          }
        }

        .arrow {
          width: 32upx;
          height: 32upx;
          margin-left: 10upx;
          margin-right: 10upx;
          margin-top: 18upx;
        }

        &-add {
          width: 68rpx;
          height: 68rpx;
          background: #ffffff;
          border-radius: 12rpx 12rpx 12rpx 12rpx;
          border: 2rpx solid #ededed;

          & > image {
            width: 36upx;
            height: 36upx;
          }
        }
      }
    }
  }
  .box {
    background: #fff;
    padding: 28upx 0;
    border-bottom: 1rpx solid #e4e4e4;
    font-size: 32rpx;
    color: #a0a0a0;
    &-des {
      font-size: 32rpx;
      color: #171717;
      margin-top: 28upx;
    }
  }
  .box:last-child {
    border-bottom: none;
  }
  .arrow {
    width: 12upx;
    height: 21upx;
  }
}
</style>
